<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/topcm.css">
    <link rel="stylesheet" href="../css/reg.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/slider.css">
</head>

<body>
    <!-- 首页 -->
    <!-- 页眉 -->
    <div id="header" class="colorb8 clearfix">
        <div class="top  bgc10 clearfix">
            <div class="wrapper">
                <div class="fr top-div">w
                    欢迎光临
                    <a href="./index.html" class="colorf60">乐购</a>请
                    <span>登录</span>
                    \
                    <a href="./reg.html" class="colorf60">注册</a>
                </div>
            </div>
        </div>

        <!-- 搜索框 购物车 我的订单 -->
        <div class="wrapper clearfix posr">
            <!-- logo -->
            <img src="../images/logo.jpg" alt="" class="bgcf60">

            <!-- 购物车 -->
            <div class="showCar fr">
                <a href="" class="Car bgcf60">购物车 <span>3</span></a>
                <a href="" class="bgceb order">我的订单</a>
            </div>

            <!--  搜索框  -->
            <div class="imgbox3">
                <form action="" class="fr imgbox">
                    <input type="text" class="bgcfff txt fl">
                    <input type="submit" class="submit fl bgcfff">
                </form>
            </div>

        </div>
        <!-- 导航栏 -->
        <div class="wrapper clearfix">
            <ul class="">
                <li>图书</li>
                <li>电子书</li>
                <li>原创文学</li>
                <li>服装</li>
                <li>户外运动</li>
                <li>孕婴童</li>
                <li>家具</li>
                <li>创意文具</li>
                <li>地产特色</li>
                <li>海外购</li>
                <li>电器城</li>
            </ul>
        </div>
    </div>

   <!-- 注册表单 -->
   <div class="container mt45">
    <form action="" id="myform" class="mauto">
        <div class="items clearfix" >
            <span class="fl font22 c80">用户名</span>
            <input type="text" id="user" name="user" placeholder="您的账户名和登录名" class="fl">
        </div>
        <div class="items clearfix">
            <span class="fl font22 c80">设置密码</span>
            <input type="text" id="pwd" name="pwd" placeholder="建议设置两种字符密码" class="fl">
        </div>
        <div class="items clearfix">
            <span class="fl font22 c80">确认密码</span>
            <input type="text" id="surePwd" placeholder="您的账户名和登录名" class="fl">
        </div>
        <div class="items clearfix">
            <span class="fl font22 c80">中国+86</span>
            <input type="text" id="tel" placeholder="您的账户名和登录名" class="fl">
        </div>
        <div class="items clearfix">
            <span class="fl font22 c80">验证码</span>
            <input type="text" id="vcode" placeholder="您的账户名和登录名" class="fl">
        </div>

        <div class="items clearfix">
            <span class="fl font22 c80">手机验证码</span>
            <input type="text" id="telvcode" placeholder="您的账户名和登录名" class="fl">
        </div>
        <div>
            <input type="checkbox">
            我已阅读并同意《京东用户注册协议》
        </div>
        <input type="submit" class="btn bgcf60 cfff font24" value="立即注册">
    </form>
</div>



    <!-- 页脚 -->
    <div id="footer">
        <div class="footerbox">
            <img src="../images/222_11.png" alt="">
            <img src="../images/222_13.png" alt="">
            <img src="../images/222_15.png" alt="">
            <img src="../images/222_17.png" alt="">
        </div>
        <div class="footerbox1  clearfix">
            <ul class="fl">
                <li class="fsizwb">专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
            </ul>
            <ul class="fl">
                <li class="fsizwb">专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
            </ul>

            <ul class="fl">
                <li class="fsizwb">专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
            </ul>

            <ul class="fl">
                <li class="fsizwb">专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
            </ul>

            <ul class="fl">
                <li class="fsizwb">专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
                <li>专业客服</li>
            </ul>
            <img src="../images/logo.jpg" alt="" class="fl">
        </div>
        <div class="footerbox2">
            <p>公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索</p>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>

    <script src="../js/jquery-1.11.0.js"></script>
    <script src="../js/slider.js"></script>
    
     <!-- 引入什么什么库 -->
     <script src="../slid/validate/jquery.validate.js"></script>
     <script src="../slid/validate/messages_zh.js"></script>
     <script src="../js/reg.js"></script>
</body>

</html>